<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:rich="http://richfaces.org/rich"
 xmlns:a4j="http://richfaces.org/a4j">
<f:view id="view">
 <h:head>
  <meta
   http-equiv="Content-Type"
   content="text/html; charset=UTF-8" />
  <title>BookStore</title>
  <h:outputStylesheet
   library="css"
   name="style.css" />
 </h:head>
<body class="bodyClass">

<div id="container">
  <div id="header">
    <div id="menu">
            <ul>                                                                       
            <li class="selected"><a href="index.html">home</a></li>
            <li><a href="myaccount.html">mon compte</a></li>
            <li><a href="register.html">s'enregistrer</a></li>
            <li><a href="details.html">BackOffice</a></li>
            <li><a href="contact.html">contact</a></li>
            </ul>
        </div>   
  <!-- end #header --></div>
  <div id="sidebar1">
  <h:form id="leftForm">
      <ui:include src="/categoryList.xhtml" />
     </h:form>
  
  <!-- end #sidebar1 --></div>
  <div id="sidebar2">
  	<div class="languages_box">
            <span class="red">Languages:</span>
            <a href="#" class="selected"><img src="resources/images/gb.gif" alt="" title="" border="0" /></a>
            <a href="#"><img src="resources/images/fr.gif" alt="" title="" border="0" /></a>
            <a href="#"><img src="resources/images/de.gif" alt="" title="" border="0" /></a>
            </div>
            <div class="currency">
                <span class="red">Currency: </span>
                <a href="#">GBP</a>
                <a href="#">EUR</a>
                <a href="#" class="selected">USD</a>
             </div>
    <h:form id="rightForm">
      <ui:include src="/panierSummary.xhtml" />
      <ui:include src="/clientSummary.xhtml" />
     </h:form>
  <!-- end #sidebar2 --></div>
  <div id="mainContent">
    <h:form id="centerForm">
      <ui:insert name="center" />
    </h:form>
	<!-- end #mainContent --></div>
  <div id="footer">
    @copyright : Guillaume et Marc
  <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</f:view>
</html>